<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>lab entry</title>
  <link rel="stylesheet" href="index/css/index.css" media="screen" title="no title" charset="utf-8">
</head>

<body>
  <div>
    <ul name='navigation'>
      <h1>app</h1>
      <li><a href="app/love-tree/index.html">Love Tree (浪漫表白树)</a>
        <span id='pv_love-tree'></span>
      </li>
      <li><a href="app/todos-flux/index.html">Todos (计划本)</a></li>
      <li><a href="app/draggable-list/index.html">Draggable List (可拖动的列表)</a></li>
      <li><a href="app/draggable-balls/index.html">Draggable Balls (可拖动重新排列的球)</a></li>
      <li><a href="app/chat-heads/index.html">Chat Heads (跟随鼠标移动轨迹飞动的头像)</a></li>
      <li><a href="app/listview-react/index.html">List View-react (通过react-canvas事先的手机版列表)</a></li>
      <li><a href="app/scratch-card/index.html">scratch-card (刮刮卡)</a></li>
      <li><a href="app/full-screen-page/index.html">full-screen-page (全屏翻页效果)</a></li>
      <li><a href="app/love-flower/index.html">Love flower (表白爱心)</a></li>
      <li><a href="app/full-screen-sticker/index.html">full-screen-sticker (全屏掉落表情效果)</a></li>
      <li><a href="app\matrix\index.html">The Matrix (黑客帝国)</a></li>
      <li><a href="app\space-howbig\index.html">space-howbig (宇宙有多大)</a></li>
      <h1>game</h1>
      <li><a href="game/Jigsaw_Puzzle/index.html">Jigsaw Puzzle (拼图游戏)</a></li>
      <li><a href="game/local_Puzzle/index.html">local_Puzzle (本地拼图游戏)</a></li>
      <li><a href="game/demon_tower/index.html">demon_tower (魔塔游戏)</a></li>
      <li><a href="game/Jump/index.html">Jump (涂鸦跳跃)</a></li>
      <li><a href="game/Play_plane/index.html">Play_plane (打飞机)</a></li>
      <li><a href="game/draw_lots/index.html">draw lots (程序员抽签)</a></li>
      <h1>style</h1>
      <li><a href="style/align_center/center.html">align_center (CSS水平垂直居中的一种通用策略)</a></li>
      <li><a href="style/css3-delay/delay.html">animation-delay (animation-delay 与队列动画)</a></li>
      <li><a href="style/mouse-direction/mouse_direction.html">mouse_direction (判断鼠标进出方向)</a></li>
      <li><a href="style/parallelogram/parallelogram.html">css-parallelogram (用CSS实现平行四边形导航栏的一种办法)</a></li>
      <li><a href="style/particle-works/index.html">particle-works (文字粒子特效)</a></li>
      <h1>nodeppt</h1>
      <li><a href="nodeppt/esnext-react/esnext-react.htm">esnext-react (用 ES2015 一步步打造轻量级 ReactJS )</a></li>
      <h1>pets</h1>
      <li><a href="pets/spider/index.html">spider-canvas (小蜘蛛)</a></li>
    </ul>
  </div>
  <div>
    <ul>
      <li>PS:</li>
      <li>LPV=Local page views</li>
    </ul>
  </div>
  <div id='pageView'></div>
</body>
<script src="index\utility\component\Record_PV_by_LocalStorage.js" charset="utf-8"></script>
<script>
  record_PV_by_LocalStorage.entry('index');
  var HtmlPageView = record_PV_by_LocalStorage.HtmlPageView('index');
  document.getElementById('pageView').appendChild(HtmlPageView);

  var pageView = record_PV_by_LocalStorage.getPageView('love-tree');
  if (!isNaN(pageView))
    document.getElementById('pv_love-tree').innerHTML = "(LPV " + pageView + ")";
</script>

</html>
